<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="sys" uri="/menutaglib"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>${sessionScope.web_name}</title>
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<link rel="stylesheet" id='style_color' href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/${sessionScope.web_style}.css" type="text/css"/>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/constants.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/common/fscapp_sys.js"></script>
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui-timepicker-addon.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery.ui.datepicker-zh-CN.js.js" ></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui-timepicker-zh-CN.js" ></script>
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" type="text/css" />
		<script src="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/js/bootstrap-select.js" type="text/javascript"></script>
	</head>
    <body class="page-header-fixed">
        <!-- BEGIN HEADER -->
        <jsp:include page="../common/systemUserSelfHeader.jsp"></jsp:include>
        <!-- END HEADER -->
        <div class="clearfix"> </div>
        <div class="page-container row-fluid" >
			<!-- BEGIN HORIZONTAL MENU PAGE SIDEBAR1 -->
			<div class="page-sidebar nav-collapse collapse">
				<!-- BEGIN SIDEBAR MENU -->
				<ul class="page-sidebar-menu">
					<sys:sysNav ctgLevelOne="systemCfg" ctgLevelTwo="sysPermissionMgr" />
				</ul>
			</div>
		
			<div class="page-content">
				<div class=container-fluid>
					<!-- BEGIN PAGE HEADER-->
					<div class="row-fluid crumbs">
						<div class="beginPageHearderBg_1"></div>
						<div class="beginPageHearderBg_2"></div>
						<div class="page-title page-title-style"><i class="icon-legal"></i>权限菜单数据信息</div>
						<div class="page-title-desc"><i class="fa fa-info-circle"></i>对不同角色设置查看菜单功能权限(*)</div>
						<div class="span12 breadcrumb-style">
							<ul class="breadcrumb">
								<li>
									<i class="icon-home"></i>
									<a href="${sessionScope.web_home}">首页</a>
									<i class="icon-angle-right"></i>
								</li>
								<li>
									<a href="#">系统</a>
									<i class="icon-angle-right"></i>
								</li>
								<li><a href="#">权限菜单管理</a></li>
							</ul>
							<!-- END PAGE TITLE & BREADCRUMB-->
						</div>
					</div>
					<div class="row-fluid">
						<div class="span3">
							<div class="portlet box yellow">
						        <div>
									<div class="portlet-title">
										<div class="caption">
											<i class="icon-cogs"></i>
											菜单数据
										</div>
									</div>
									<div class="portlet-body">
									   <ul id="permissionZTree" class="ztree"></ul>
									</div>
								</div>
						    </div>
						</div>
						<div class="span9">
							<!-- BEGIN SAMPLE TABLE PORTLET-->
							<div class="portlet box yellow">
								<div class="portlet-title">
									<div class="caption"><i class="icon-github-sign"></i>权限数据列表</div>
										<div class="tools">
											<a href="javascript:;" class="collapse"></a>
										</div>
									<div class="actions">
										<a class="btn btn-auto btn-outline m-wrap"  id = "savePermssion">
											<i class=" icon-plus"></i> 添加
										</a>
									</div>
								</div>
								<div class="portlet-body" id="permissionDataTableDiv">
									<table id="permissionDataTable" class="table table-striped table-bordered table-hover table-full-width">
										<thead>
											<tr>
												 <th >子节点名称</th>
												 <th >排序</th>
												 <th >链接地址</th>
												 <th >菜单图标</th>
												 <th >菜单编号</th>
												 <th style="width:200px;">操作</th>
											</tr>
										</thead>
										<tbody></tbody>
									</table>
								</div>
								
								<!-- <div class="portlet-body" id="nodeDataTableDiv">
									<table id="nodeDataTable" class="table table-striped table-bordered table-hover table-full-width">
										<thead>
											<tr>
												 <th >排序</th>
												 <th >HTML节点名称</th>
												 <th >标识</th>
												 <th style="width:200px;">操作</th>
											</tr>
										</thead>
										<tbody></tbody>
									</table>
								</div> -->
								
							</div>
							<!-- END SAMPLE TABLE PORTLET-->
						</div>
					</div>
				</div>
				<div id="permissionInfoDiv" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="permissionInfoModalLabel" aria-hidden="true">
				    <div class="modal-dialog">
				        <div class="modal-content">
				            <div class="modal-header bg-primary">
				                <h4 class="modal-title" >
				                    <i class="icon-note"></i>
				                    <span id="lblAddTitle">功能菜单信息</span>
				                </h4>
				            </div>
				            <div class="modal-body"></div>
				            <div class="modal-footer bg-info">
				            	<button type="button" id="permissionAddBtn" class="btn btn-info m-wrap btn-outline">确定</button>
				                <button type="button" class="btn btn-auto m-wrap btn-outline" data-dismiss="modal">关闭</button>
				            </div>
				       </div>
				    </div>
				</div>
				
				<!-- <div id="nodeInfoDiv" class="modal fade" tabindex="-1" role="dialog">
				    <div class="modal-dialog">
				        <div class="modal-content">
				            <div class="modal-header bg-primary">
				                <h4 class="modal-title" >
				                    <i class="icon-note"></i>
				                    <span id="lblAddTitle">功能菜单信息</span>
				                </h4>
				            </div>
				            <div class="modal-body">
				            <form class="form-horizontal">
				            	<div class="control-group">
									<label  class="control-label" for="form_control_1">父节点</label>
									<div class="controls">
										<input id="permissionParentName" name="permissionParentName" value="" disabled class="span3 m-wrap"/>
									</div>
								</div>
				            	<input id="thisId" value="" type="hidden">
				            	<div class="control-group">
									<label  class="control-label" for="nodeElseName">HTML节点名称</label>
									<div class="controls">
										<input id="nodeElseName" name="nodeElseName" placeholder="请填写节点名称，不能超过10个字符！" value="" class="span3 m-wrap"/>
									</div>
								</div>
								<div class="control-group">
									<label  class="control-label" for="nodeElseOrder">HTML节点排序</label>
									<div class="controls">
										<input id="nodeElseOrder" name="nodeElseOrder" placeholder="请填写节点排序" value="" class="span3 m-wrap" onkeyup="value=value.replace(/[^\d]/g,'')"/>
									</div>
								</div>
								<div class="control-group">
									<label  class="control-label" for="aclId">HTML节点标识</label>
									<div class="controls">
										<input id="aclId" name="aclId" placeholder="请填写唯一标识" value="" class="span3 m-wrap"/>
									</div>
								</div>
				            </div>
				            </form>
				            <div class="modal-footer bg-info">
				            	<button type="button" id="nodeAddBtn" class="btn btn-info m-wrap btn-outline">确定</button>
				                <button type="button" class="btn btn-auto m-wrap btn-outline" data-dismiss="modal">关闭</button>
				            </div>
				       </div>
				    </div>
				</div> -->
			</div>
		</div>
		
        <!-- END CONTAINER -->
        <!-- BEGIN FOOTER -->
        <jsp:include page="../common/sysFooter.jsp"></jsp:include>
        <!-- END FOOTER -->
        <!-- BEGIN CORE PLUGINS -->
        <script>
			jQuery(document).ready(function() {    
			   App.init();
			   TableAdvanced.init();
			   UIModals.init();
			});
		</script>
	    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/sys/sysPermissionMgr.js"></script>
	    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/sys/permissionInfo.js"></script>
        <!-- END THEME LAYOUT SCRIPTS -->
    </body>
</html>